import React from 'react';
import useNetwork from './useNetwork';
import { useState } from 'react'
import { flushSync } from 'react-dom'
// 自定义hook
// 实现一个实时获取当前的电脑的网络的状态

const Father = () => {
    // BOM : brower object model 浏览器对象模型
    // 包含: window history location navigator screen 
    // 获取当前的网络状态: 使用  navigator.onLine
    //console.log('navigator', navigator.onLine)

    // 需求: 要实时的获取当前网络状态
    // setInterval(() => {
    //     console.log('navigator', navigator.onLine)
    // }, 1000)
    // 当修改网络的状态的时候, 触发了事件, online 和offline 事件
    const [count, setCount] = useState(0)

    return (
        <div>
            {/* {
                useNetwork() ? '在线' : '离线'
            } */}
            <p onClick={() => {
                // flushSync(() => {
                //     setCount(count + 1)

                // })
                // console.log(document.querySelector('p').innerHTML)
                // console.log('count', count)

            }}>count:{count}</p>
        </div>
    );
}

export default Father;
